<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>列表</title>
    </head>
    <body>
        <!--快速生成li:ul>li{hahah$}*10,之后按下Tab键-->
        <ul>
            <li>1
                <ul>
                    <li>哈哈</li>
                    <li>哈哈</li>
                    <li>哈哈</li>
                </ul>
            </li>
            <li>2
                <ul>
                    <li>哈哈</li>
                    <li>哈哈</li>
                    <li>哈哈</li>
                </ul>
            </li>
            <li>3
                <ul>
                    <li>哈哈</li>
                    <li>哈哈</li>
                    <li>哈哈</li>
                </ul>
            </li>
        </ul>
        <!--有序列表 start:必须为数字-->
        <ol>
            <li>哈哈哈
                <ol type="i" start="2">
                    <li>哈哈哈</li>
                    <li>哈哈哈</li>
                    <li>哈哈哈</li>
                </ol>
            </li>
            <li>哈哈哈
                <ol type="A">
                    <li>哈哈哈</li>
                    <li>哈哈哈</li>
                    <li>哈哈哈</li>
                </ol>
            </li>
            <li>哈哈哈
                <ol type="I">
                    <li>哈哈哈</li>
                    <li>哈哈哈</li>
                    <li>哈哈哈</li>
                </ol>
            </li>
        </ol>

        <!--自定义列表-->
        <dl>
            <!--dt:一般是图片或名词-->
            <dt>df</dt>
            <!--dd:图片或名词的解释-->
            <dd>ddd</dd>
            <dd>sss</dd>
        </dl>
        <!--表格-->
        <div style="width: 400px;height: 400px;background: lightpink;position: sticky;opacity: 0.5">
            <table width="20px" height="10px" align="center" border="3px"cellspacing="5px" cellpadding="10px;">
                <tr>
                    <td>飒飒法发</td>
                    <td rowspan="2">飒飒法发</td>
                    <td colspan="2">飒飒法发</td>
                </tr>
                <tr>
                    <td>飒飒法发</td>
                    <!--<td>飒飒法发</td>-->
                    <td>飒飒法发</td>
                    <td>飒飒法发</td>
                </tr>
            </table>
        </div>
    </body>
</html>